<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width" />
	<link rel="shortcut icon" href="/static/images/favicon.ico">
	<meta http-equiv=Content-Type content="text/html;charset=utf-8">
	<title>webPan.py - Mini网盘</title>
<style>
/* 基础居中布局 */
.login-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70vh;
}

.login-form {
    width: 350px;
    padding: 2rem;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.login-form h1 {
    text-align: center;
}

.login-form h2 {
    text-align: center;
    margin-bottom: 1.5rem;
    color: #333;
}

.form-group {
    margin-bottom: 1rem;
}

.form-group input {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.submit-btn {
    width: 100%;
    padding: 0.75rem;
    background-color: #4285f4;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.links {
    margin-top: 1rem;
    text-align: center;
}

span.version {
    font-size: 0.3em;
    font-weight: normal;
}
</style>
<link rel="stylesheet" href="/static/css/webPan.css" />
<link rel="stylesheet" href="/static/css/font-awesome.min.css">
</head>

<body>

<div class="login-container">
    <form method="post" action="/login" class="login-form">
        <h1>
            <img src="/static/images/webpan_simple.png" style="height:40px;">
            webPan.py
            <span class=version>{{version}}</span>
        </h1>

        <h2>login</h2>
        <div class="form-group">
            <input type="text" name="username" placeholder="用户名">
        </div>
        <div class="form-group">
            <input type="password" name="password" placeholder="密码">
        </div>
        <button class="submit-btn" type="submit">登录</button>
    </form>

</div>





{{foot | safe}}


</body>
</html>
